<template>
    <div class="warp">
    	<header>
    		<span class="left"><router-link to='/chaQu'><img src="../../static/img/return.png"/></router-link></span>
    		<span class="center">泡文化</span>
    		<span class="right"></span>
    	</header>
    	
    	
    	<main>
    			
    		<div class="wenhua">
    			<h1>{{text}}</h1>
    			<p>{{texttwo}}</p>
    			<p>{{textthree}}</p>
    			<p><img src="../../static/img/wenhua-1.png"/></p>
    			<ul>
    				<li v-for='item in imges'>
    					<h2>{{item.title1}}</h2>
    					<p>{{item.title2}}</p>
    				</li>
    				<!--<li>
    					<h2>2.子宫、乳腺</h2>
    					<p>男人生气伤肝，女人生气伤乳腺和子宫。乳腺走脾胃系统，子宫走肝。气上升，会伤到乳腺，下沉就伤子宫。</p>
    				</li>
    				<li>
    					<h2>3.甲状腺</h2>
    					<p>老生气会使甲状腺功能失调，发生甲状腺机能亢进。</p>
    				</li>
    				<li>
    					<h2>4.大脑</h2>
    					<p>大量血液涌向大脑，脑血管压力增加，此时血液中含有毒素最多，进一步加速了脑部的衰老。</p>
    				</li>-->
    			</ul>
    			
    			<p class="_img"><img src="../../static/img/wenhua-2.png"/></p>
    			
    			
    			<ul>
    				<li v-for='item in texts'>
    					<h2>{{item.title3}}</h2>
    					<p>{{item.title4}}</p>
    				</li>
    				<!--<li>
    					<h2>6.胃</h2>
    					<p>生气会引起交感神经兴奋，直接作用于心脏和血管，使胃肠血流量减少，蠕动减慢，严重时会引起胃溃疡。</p>
    				</li>
    				<li>
    					<h2>7.心脏</h2>
    					<p>大量的血液冲向大脑和面部，会使供应心脏的血液减少而造成心肌缺血。心脏为了满足身体需要，只好加倍工作，于是心跳更加不规律，引发疾病。</p>
    				</li>
    				<li>
    					<h2>8.肝</h2>
    					<p>生气时人体会分泌儿茶酚胺，作用于中区神经系统，使血糖升高，脂肪酸分解加强，血液和肝细胞内的毒素响应增加</p>
    				</li>-->
    			</ul>
    			<p>无论遇到再大的情绪挑战，记住，要想开些，开心些，平和些，身体健康才是最重要的！特别是女性朋友，一定要爱惜身体。</p>
    		</div>
    		
    	
    	
    	
    	
    		
    		
    		
    		
    	</main>
    	
    	
    	
    	
 </div>	
</template>
 		<script>
    	import axios from 'axios'
 		
    		export default {
    			name:'warp',
		  data () {
		  	return {
		  		text:"生一次气，八个器官受伤，你还敢生气吗？",
		  		texttwo:"2015-10-20　15:30:32",
		  		textthree:"泡茶叔",
				imges:[],
				texts:[],
			   currIndex:0,
			   tab:1
		     }
		  },
		  mounted () {
		    axios.get('../../static/json/cultureone.json')
			   .then(response => {
				this.imges = response.data
				console.log(this.imges)
			});
			axios.get('../../static/json/culturetwo.json')
			   .then(response => {
				this.texts = response.data
				console.log(this.texts)
			})
		          
		 }
		 
		}
    	</script>
    	
    	<style scoped lang="less"4>
    		@import '.././assets/less/header.less';
    		@import '.././assets/less/cultureone.less';
    		
	        .curr{
	        	background: #42B983!important;
	        	color: white!important;
	        }
    	</style>